import React from 'react';
import './friend.less';

export default function Friend(props: any) {
  console.log(props);
  const navClcik = (type: string) => {
    if (type === 'dynamic') {
      props.router.push('/home/dynamic');
    }
  };

  return (
    <div className="Friend">
      <nav className="title">
        {/*  */}
        <div className="item fx fx-d fx-ai-c" onClick={() => navClcik('dynamic')}>
          <svg className="icon" aria-hidden="true">
            <use xlinkHref="#iconiconzhengli-"></use>
          </svg>
          <span>动态</span>
        </div>

        <div className="item fx fx-d fx-ai-c">
          <svg className="icon" aria-hidden="true">
            <use xlinkHref="#iconiconzhengli-"></use>
          </svg>
          <span>动态</span>
        </div>

        <div className="item fx fx-d fx-ai-c">
          <svg className="icon" aria-hidden="true">
            <use xlinkHref="#iconiconzhengli-"></use>
          </svg>
          <span>动态</span>
        </div>

        <div className="item fx fx-d fx-ai-c">
          <svg className="icon" aria-hidden="true">
            <use xlinkHref="#iconiconzhengli-"></use>
          </svg>
          <span>动态</span>
        </div>
        {/*  */}
      </nav>
    </div>
  );
}
